<%@page import="java.util.*" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公共头部</title>
    <style>
        html, body, h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd {
            margin: 0;
            padding: 0;
        }
        li {list-style-type:none;}
        #common-header{
            box-sizing: border-box;
            width: 1440px;
            margin: 0 auto;
        }
        #common-header #headerTop{
            background-color: #f3f3f3;
            height: 30px;
        }
        #common-header #headerTop #left{
            font-size: 12px;
            float: left;
            line-height: 40px;
        }
        #common-header #headerTop #left select {
            cursor: pointer;
            color: #737373;
            border: none;
            background-color: #f3f3f3;
            display: inline-block;
            padding-left: 40px;
        }
        #common-header .clearfix {
            zoom: 1;
        }
        div {
            display: block;
        }
        #common-header #headerTop #left span {
            display: inline-block;
            padding-left: 30px;
        }
        #common-header #headerTop #right {
            width: 100px;
            float: left;
            margin-left: 700px;
            text-align: center;
            line-height: 40px;
            font-size: 12px;
        }
        a{text-decoration: none}
        #common-header #headerTop #right span i {
            padding-right: 15px;
        }
        #common-header #headerMain {
            font-size: 16px;
            padding-left: 135px;
            position: relative;
        }
        #common-header #headerMain #loge {
            display: block;
            position: absolute;
            left: 40px;
            top: 35px;
        }
        #common-header #headerMain #nav {
            float: left;
        }
        #common-header #headerMain #nav .navLi {
            float: left;
            cursor: pointer;
        }
        #common-header #headerMain #nav .navLi .navDiv {
            height: 93px;
            width: 180px;
            line-height: 80px;
            text-align: center;
            font-size: 12px;
        }
    </style>
</head>
<body>
<div id="common-header">
    <div class="clearfix" id="headerTop">
        <div id="left">
            <span><a href="#">DAILDY DEALS</a></span>
            <span><a href="#">DAILDY DEALS</a></span>
            <span><a href="#">DAILDY DEALS</a></span>
            <span><a href="#">DAILDY DEALS</a></span>
        </div>
        <div id="right">
            <c:choose>
                <c:when test="${empty sessionScope.user}">
                    <span id="user"><a href="<c:url value="/jsps/user/login.jsp" />"><i class="fa fa-user"></i>登录</a></span>
                    <span id="shopcar"><a href="<c:url value='/regesit.jsp'/>"><i class="fa fa-shopping-cart"></i>注册</a></span>
                </c:when>
                <c:otherwise>
                    <span id="user"><i class="fa fa-user"></i>${user.getUsername()}</span>
                    <span id="shopcar"><a href="<c:url value='/UserServlet?method=quit'/>"><i class="fa fa-shopping-cart"></i>退出</a></span>
                </c:otherwise>
            </c:choose>
        </div>
    </div>
    <div id="headerMain" class="clearfix">
        <img src="http://ozz8m4qhr.bkt.clouddn.com/loge.png" width="59" height="24" id="loge">
        <ul id="nav" class="clearfix">
            <li class="navLi">
                <div class="navDiv">
                    <a>
                        女装<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
            <li class="navLi">
                <div class="navDiv">
                    <a>
                        男装<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
            <li class="navLi">
                <div class="navDiv">
                    <a>
                        童装<i class="fa fa-angle-down"></i>
                    </a>
                </div>

            </li>
        </ul>

    </div>
</div>
<script src="js/lib/template-web.js"></script>
<script src="js/lib/jquery.min.js"></script>
<script src="js/module/Header.js"></script>
</body>
</html>